/* pages/pay/index.wxss */
page {
  background: #f4f4f4;
}
.pay {
  .address {
    padding: 30rpx;
    background: #ffffff;
    .top {
      display: flex;
      align-items: center;
      .moren {
        background: #dd1a21;
        color: #ffffff;
        font-size: 20rpx;
        padding: 4rpx 16rpx;
        border-radius: 30rpx;
      }
      .provinceName {
        margin-left: 10rpx;
      }
      .cityName {
        margin-left: 10rpx;
      }
      .countyName {
        margin-left: 10rpx;
      }
    }
    .middle {
      margin: 12rpx 0;
      display: flex;
      align-items: center;
      justify-content: space-between;
      .detailInfo {
        font-size: 32rpx;
      }
      .iconfont {
        color: #a7a7a7;
      }
    }
    .bottom {
      display: flex;
      align-items: center;
      font-size: 24rpx;
      .telNumber {
        margin-left: 10rpx;
      }
    }

    // .username {
    //   width: 120rpx;
    //   .val {
    //     font-size: 30rpx;
    //     font-weight: 500;
    //   }
    //   .moren {
    //     text-align: center;
    //     border: 1px solid #e02525;
    //     color: #e02525;
    //     border-radius: 3px;
    //     width: 50rpx;
    //     font-size: 10px;
    //     padding: 0 4rpx;
    //   }
    // }
    // .details {
    //   flex: 1;
    //   .add {
    //     color: #b7b7b7;
    //     font-size: 28rpx;
    //   }
    // }
    // .edit {
    //   display: flex;
    //   align-items: flex-end;
    //   color: #b7b7b7;
    //   margin-bottom: 5rpx;
    // }
  }
  .fenge {
    height: 10rpx;
    background: repeating-linear-gradient(
      -45deg,
      red 0,
      red 6.25%,
      #f6f6f6 0,
      #f6f6f6 12.5%,
      #58a 0,
      #58a 18.75%,
      #f6f6f6 0,
      #f6f6f6 25%
    );
  }
  .package {
    padding: 0 30rpx;
    margin: 24rpx 0;
    background: #ffffff;
    .top {
      display: flex;
      font-size: 30rpx;
      align-items: center;
      padding: 30rpx 0;
      .reachTime {
        margin-left: 20rpx;
        font-size: 24rpx;
        color: #909090;
      }
    }
    .items {
      .item {
        display: flex;
        padding: 20rpx 0 0rpx 0;
        border-top: 1px solid #f2f2f2;
        image {
          width: 200rpx;
          height: 200rpx;
          object-fit: cover;
          border: 1px dashed #e2e1e1;
        }
        .middleDesc {
          flex: 1;
          position: relative;
          margin-left: 20rpx;
          .desc {
            display: flex;
            .title {
              width: 400rpx;
            }
            .rightNum {
              flex: 1;
              display: flex;
              justify-content: center;
              margin-left: 20rpx;
            }
          }
          .price {
            bottom: 0;
            position: absolute;
          }
        }
      }
      .bottom {
        padding: 10rpx 0;
        color: #7f7f7f;
        font-size: 20rpx;
        display: flex;
        align-items: center;
        text {
          margin-right: 6rpx;
          color: #cc9756;
        }
      }
    }
  }
  .bill {
    padding: 0 30rpx;
    background: #ffffff;
    margin-bottom: 136rpx;
    .item {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 20rpx 0 0 0;
      &:nth-last-child(1) {
        padding-bottom: 20rpx;
        .value {
          color: red;
        }
      }
    }
  }
  .topay {
    position: fixed;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0 0 30rpx;
    background: #ffffff;
    height: 110rpx;
    width: 100vw;
    border-top: 1px dashed #cecccc;
    .totalPrice {
      color: red;
      font-size: 32rpx;
      height: 100%;
      display: flex;
      align-items: center;
      .price {
        font-weight: 600;
      }
    }
    .wechatPay {
      margin: 0;
      height: 100%;
      font-weight: 400;
      display: flex;
      align-items: center;
      padding: 0;
      width: 300rpx;
      justify-content: center;
      border-radius: 0;
    }
  }
}
